<template>
  <div class="w1080px y wn jc">
    <template v-for="item in fdata">
      <itemGroup :key="item.id" :fdata="item" />
      <div
        :key="item.name"
        v-if="fdata.length>1"
        class="sbss more"
        @click="$router.push('/list/'+item.id)"
      >查看更多</div>
    </template>
  </div>
</template>

<script>
import itemGroup from "./itemGroup";
export default {
  components: { itemGroup },
  props: ["fdata"],
  watch: {
    fdata() {
      // console.log(this.$cp(this.fdata));
    }
  },
  data() {
    return {
      data: []
    };
  },
  created() {
    // console.log(this.$cp(this.fdata));
  }
};
</script>

<style lang="less" scoped>
.more {
  margin: 30px;
  padding: 10px 50px;
  font-family: "Arial Normal", "Arial";
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #333333;
  text-align: center;
  line-height: normal;
  border: 1px solid rgb(121, 121, 121);
  border-radius: 5px;
}
</style>
